<!doctype html>
<html>
<head> 
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body{margin:0;}
#div1 {width:200px; height:400px; background:#0CC;}
#div2 {width:240px; height:180px; background:#F69; position:absolute; top:0; left:220px; display:none;}
</style>
<script src="../JS_warehouse/$(v).js"></script>
<script>
$(function(){
	var qq = $('div1');
	var box = $('div2');
	var timer = null;
	
	qq.onmouseover = function(){setTimeout(show,600)};	//延时弹出
	qq.onmouseout = hide;
	
	box.onmouseover = show;
	box.onmouseout = hide;
	
	function show(){
		clearTimeout(timer);	//
		box.style.display = 'block';
	}
	
	function hide(){
		timer = setTimeout(function(){
			box.style.display = 'none';
		},600)
	}
	
});
</script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>
